.warp{
    width:1200px;
    margin: 0 auto;
    border: 1px solid #eee;
    border-bottom: none;
    display: flex;
    justify-content: space-between;
    .zuo{
        width:16%;
        height:600px;
        border: 1px solid #eee;
        background: #f7f7f7;
        .divv{
            width:100%;
            border-bottom: 1px solid #eee;
            p{
                margin: 0;
            }
            .pp{
                width:100%;
                height:35px;
                font-size: 14px;
                color:#000;
                line-height: 35px;
                font-weight: bold;
                margin-left: 6%;
                 &:hover{
                      color: red;
                    }
            }
            .la{
                width:100%;
                background: #fff;
                border-top: 1px solid #eee;
                padding-top: 10px;
                padding-bottom: 10px;
                display: none;
                .sp1{
                    border: 1px solid #ccc;
                    font-size: 10px;
                    display: inline-block;
                    margin-right: 6%;
                    width: 8px;
                    height: 8px;
                    text-align: center;
                    line-height: 8px;
                    margin-left: 6%;
                }
                .sp2{
                    font-size: 13px;
                    color:#666;
                   &:hover{
                       color:red;
                       border-bottom: 1px solid red;
                   }
                }
            }
        }
    }
    .you{
        width:83%;
        .dht{
            width:100%;
            height:35px;
            line-height: 35px;
            .sp3{
                width:2%;
                height:10px;
                margin-left:2%;
                color:red;
            }
            .cb{
                margin-left: 2%;
            }
            .sp4{
                width:2%;
                height:10px;
                color:#ccc;
                margin-left:2%;
            }
            .suos{
                width:18%;
                display: inline-block;
                border-bottom: 1px solid #eee;
                line-height: 0;
//              margin-left: 2%;
                input{
                    border: none;
                    outline: none;
                    width:85%;
                }
                img{
                    width:6%;
                }
            }
            .sp5{
                color:#ccc;
                margin-left:57%;
            }
        }
        .biaoti{
            width:100%;
            height:35px;
            display: flex;
            justify-content: space-between;
            .pa{
                width:14%;
                border: 1px solid #eee;
                height:35px;
                line-height: 35px;
                text-align: center;
                color:#888;
            }
            .xuan{
                width:86%;
                border-bottom: 1px solid #eee;
                border-top: 1px solid #eee;
                height:35px;
                line-height: 35px;
                span{
                    font-size: 12px;
                    margin-left: 6%;
                }
                input{
                    width:6%;
                    height:20px;
                    margin-top: 7px;
                    font-size: 11px;
                    text-align: center;
                    line-height: 20px;
                    margin-left: 55%;
                }
            }
        }
        .kong{
            width:100%;
            height:5px;
            border-bottom: 1px solid #eee;
            border-left: 1px solid #eee;
            background: #f7f7f7;
        }
        .bao2{
            width:100%;
            border: 1px solid #eee;
            border-right: none;
            display: flex;
            justify-content: space-between;
            .left{
                width:14%;
                border-right:1px solid #eee ;
                text-align: center;
                padding-top: 10px;
                color:#888;
            }
            .right{
                width:86%;
                 p{
                        margin: 0;
                    }
                .ppp{
                    width:100%;
                    height:40px;
                    line-height: 40px;
                    border-bottom: 1px solid #eee;
                    span{
                        margin-left: 4%;
                    }
                }
                .yx{
                    width:100%;
                    height:130px;
                    background: #f7f7f7;
                    overflow:auto;
                    p{
                        margin: 0;
                    }
                    .ppp1{
                        width:100%;
                        line-height: 40px;
                        span{
                            margin-left: 4%;
                        }
                       .zi{
                            color:#ccc;
                            margin-left: 2%;
                            margin-right: 3%;
                        }
                    }
                }
            }
            .dian{
                width:100%;
                height:35px;
                text-align: center;
                background: #eee;
                input{
                    width:6%;
                    height:20px;
                    margin-top: 7px;
                    font-size: 11px;
                }
                .inp{
                    border: none;
                    outline: none;
                    color:#ccc;
                }
            }
        }
        .kong1{
             width:100%;
            height:5px;
            border-bottom: 1px solid #eee;
            border-left: 1px solid #eee;
            background: #f7f7f7;
        }
    }
    .shu{
        width: 100%;
        border-bottom: none;
        border-right: none;
        margin-top: 10px;
        .div1{
            width:100%;
            height:50px;
            background: #f7f7f7;
            line-height:50px;
            
            .div1_01{
                font-size: 15px;
                font-weight: bold;
                margin-left: 30px;
                float:left;
                display: inline-block;
                height:50px;
                line-height:50px;
            }
            .paix{
                display: inline-block;
                span{
                    border: 1px solid #eee;
                    padding: 8px 11px;
                }
            }
            .div1_05{
                margin-left: 44%;
                margin-right: 3%;
                color:red;
            }
        }
        .div2{
            width:100%;
            background: #F7F7F7;
            height:40px;
            line-height: 40px;
            border-top: 1px solid #eee;
            .div2_01{
                font-size: 15px;
                font-weight: bold;
                margin-left: 3%;
            }
            .div2_02{
                font-size: 15px;
                font-weight: bold;
                margin-left: 5%;
            }
            .div2_03{
                color:red;
               
            }
        }
        .div3{
            width:100%;
            margin-top: 20px;
            display: flex;
            justify-content:flex-start;
            flex-wrap: wrap;
            .dd{
                width:21%;
                margin-left:3.2%;
               .pp1{
                   width:100%;
                   img{
                       width:100%;
                   }
               } 
               .pp2{
                   width:100%;
                   overflow: hidden;
                   white-space: nowrap;
                   text-overflow: ellipsis;
                   color:#000;
               }
               .pp3{
                   color:#666;
                   font-size: 12px;
               }
               .pp5{
                   color:red;
                   font-size: 16px;
                   font-weight: bold;
                   position: relative;
                   .xbt{
                      width: 43px;
                      height: 43px;
                      position: absolute;
                      right: 0px;
                      bottom: 1px;
                      background:url('../../img/origin/sprites.png') no-repeat;
                      background-position: -120px -212px;
                      &:hover{
                        background-position: -126px -20px;  
                      }
                      
                   }
               }
            }
        }
        
        
        
    }
    
    
    
    
    
    
    
    
    
    
    
    
    
    
}
